
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title><ui:insert name="titulo">Student's Site</ui:insert></title>  
        
        <link rel="stylesheet" href="#{myHomeUtil.path}/css/reset.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="#{myHomeUtil.path}/css/style.css" type="text/css" media="all"/>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/jquery-1.4.2.min.js" ></script>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/cufon-yui.js"></script>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/cufon-replace.js"></script>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/Myriad_Pro_300.font.js"></script>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/script.js"></script>
        <script type="text/javascript" src="#{myHomeUtil.path}/js/validaTecla.js"></script>
        
        <link rel="stylesheet" href="#{myHomeUtil.path}/css/set.css" type="text/css" media="all"/>
    </h:head>

<h:body>
    <f:loadBundle basename="br.com.agi.myhome.resource.messages" var="msg"/>
    <div class="wrap">
        <style>
            header .container {
                height:75px;
                position:relative;
                padding:0;
                
                
            }
            .ui-widget, .ui-widget .ui-widget {     
                font-size: 12px !important;     
            }   

        </style>
        
        
    <header>
        <div class="container">
            <h1><ui:insert name="titulo_logo"><a href="#">Student's Site</a></ui:insert></h1>
        <nav>
            <h:form>
                <ul>                    
                    <ui:insert name="m1"><li><a href="#{myHomeUtil.path}/cgi/index.xhtml" class="m1">Home</a></li></ui:insert>
                    <ui:insert name="m2"><li><a href="/#{myHomeUtil.path}/cgi/produto.xhtml" class="m2">${msg.produto}</a></li></ui:insert> 
                    <ui:insert name="m3"><li><a href="#{myHomeUtil.path}/cgi/estoque.xhtml" class="m3">${msg.estoque}</a></li></ui:insert> 
                    <ui:insert name="m4"><li><a href="#{myHomeUtil.path}/cgi/softwares.xhtml" class="m4">${msg.software}</a></li></ui:insert>                    
                    <ui:insert name="m5"><li class="last"><a href="sitemap.html" class="m5">Sitemap</a></li></ui:insert>                              
                </ul>
            </h:form>            
        </nav>
        <ui:insert name="search_form"/>      
        </div>
    </header>
    <div class="container">
        <aside>
            <h3><ui:insert name="link_lateral_name"/></h3>      
            <ul class="categories">
                <h:form>
                    <ui:insert name="link_lateral">                    
                        <li><span><a href="#">Programs</a></span></li>
                        <li><span><a href="#">Student Info</a></span></li>
                        <li><span><a href="#">Teachers</a></span></li>
                        <li><span><a href="#">Descriptions</a></span></li>
                        <li><span><a href="#">Administrators</a></span></li>
                        <li><span><a href="#">Basic Information</a></span></li>
                        <li><span><a href="#">Vacancies</a></span></li>
                        <li class="last"><span><a href="#">Calendar</a></span></li>
                    </ui:insert>
                </h:form>
            </ul>
        </aside>
        <section id="content">
            <div class="inside">
                <ui:insert name="inside" >
                    
                </ui:insert>
            </div>
        </section>
    </div>
    </div>
    <footer>
    <div class="footerlink">
        <ui:insert name="footer">
            <p class="lf">Copyright &copy; 2012 <a href="#"><ui:insert name="titulo">Student's Site</ui:insert></a> - All Rights Reserved</p>            
            <div style="clear:both;"></div>
        </ui:insert>
    </div>
    </footer>
    <script type="text/javascript"> Cufon.now(); </script>
</h:body>
</html>
